<template>
  <div class="titletop" :class="fixedhead">
    <img @click="goback()" src="../../static/img/home_back.png"/>
    <div class="titlename" v-text="titlename"></div>
  </div>
</template>

<script>

export default {
  name: 'titletop',
  props : ['titlename','fixedhead'],
  data () {
    return {
      
    }
  },
  methods : {
  },
  mounted(){
      
  }
}

</script>

<style lang="scss" scoped>
  $blue:#51b6e1;
  .titletop{
    width:100%;
    position:fixed;
    z-index: 1;
    text-align: center;
    background-color: #51b6e1;
    height: 40px;
    line-height: 40px;
    img{
      position: absolute;
      left: 10px;
      top: 5px;
      width: 30px;
    }
    .titlename{
      color:#ffffff;
      font-size:16px;
    }
  }
  .fixedhead{
    position:fixed;
    width:100%;
  }
</style>
